﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title></title>
    <link rel="stylesheet" href="/css/showPopupUI.css">
    <script src="/js/showPopupUI.js"></script>
</head>

<body class="win-type-body">
    <div id="scenarioHeader">
        <h2 id="sampleHeader" class="win-type-subheader">Description:</h2>
        <div id="scenarioDescription">
            Show pop-up UI
        </div>
    </div>
    <div id="input">
        <p>Use the Show Pop-up and Hide Pop-up animations to show and hide custom pop-up UI.</p>

        <button class="win-button" id="runAnimation">Show pop-up</button>
        <br>
        <br>
    </div>
    <div id="output">
        <div id="myPopupUI">
            <p>This is a pop-up. </p>
        </div>
    </div>
</body>

</html>